<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="./css/mui.min.css" rel="stylesheet"/>
	<style>	
	 .mui-search .mui-placeholder {pointer-events: none;}
	</style>
</head>
<body>
	<nav class="mui-bar mui-bar-tab" id="nav" style="border-top: 1px solid  #C0C0C0;">
		<a class="mui-tab-item" href="xclist.html">
			<span class="mui-icon mui-icon-person-filled"></span>
			<span class="mui-tab-label">寻查</span>
		</a>
		<a class="mui-tab-item" href="mesIndex.html">
			<span class="mui-icon mui-icon-person-filled"></span>
			<span class="mui-tab-label">消息</span>
		</a><a class="mui-tab-item" href="user.html">
			<span class="mui-icon mui-icon-person-filled"></span>
			<span class="mui-tab-label">我的</span>
		</a>
		
	</nav>
	<div class="mui-content">
		<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="imgs/z.jpg">
						<div class="mui-media-body">
							张大雁
							<p class='mui-ellipsis'>所属部门：日常维修组</p>
							<p class='mui-ellipsis'>职位：员工</p>
						</div>
					</a>
				</li>
			</ul>
			<div style="height: 10px;"></div>
		<ul class="mui-table-view">
				 <li class="mui-table-view-cell">微信解绑</li>
		         <li class="mui-table-view-cell">修改密码</li>
		         <li class="mui-table-view-cell">退出</li>
		</ul>	
	</div>
	<script>
		$(document).ready(function(){
			$("#nav a").on("click",trans);
		});
		function trans(e){
			alert(1)
			window.location.href =this.getAttribute("href")
			this.target ="self"
		}
	</script>
	
</body>
</html>